<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page import="bean.*,java.util.LinkedList" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
	<meta charset="UTF-8">
	<title></title>
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<link rel="stylesheet" href="css/mui.min.css">
	<script src="js/mui.min.js"></script>
	<script type="text/javascript">
	mui.init()
	</script>
	<style type="text/css">
	body{font-family: "Microsoft YaHei",sans-serif;color:#333;background-color: #F1E9DC;}
	div.mui-content{background-color: #F1E9DC;}
	p{margin-bottom: 0px;}
	.mui-slider-indicator.mui-segmented-control{
		padding: 5px 10px;
		background: #FFF;
	}
	.mui-segmented-control.mui-scroll-wrapper{
		height: 45px;
	}
	.mui-segmented-control.mui-scroll-wrapper .mui-control-item{
		width: 100px;
		border: 1px solid #ccc;
		box-shadow:0 0 5px #aaa;
		line-height: 30px;
	}
	.mui-segmented-control.mui-scroll-wrapper .mui-control-item.mui-active{
		color: #fff;
		background-color: #78909C;
	}
	.mui-fullscreen .mui-segmented-control~.mui-slider-group{
		top: 45px;
	}
	.mui-slider-group .mui-scroll-wrapper{
		padding-top: 5px;
	}
	</style>
</head>

<body>
	
	<header class="mui-bar mui-bar-nav">
			<h1 class="mui-title">简报网</h1>
	</header>

	
	<div class="mui-content">
		
							<%
								LinkedList<News> news = (LinkedList<News>)request.getAttribute("news");
								for(News n:news){
							%>
							<div class="mui-card" onclick="Details('<%=n.getHtml()%>')">
								<div class="mui-card-header mui-card-media">
									<img src="img/cbd.jpg" style="width:34px">
									<div class="mui-media-body">
										<%=n.getCollegeName()+" / "+n.getClassName()+":"+n.getTitle() %>
										<p>发表于:<%=n.getDate() %></p>
									</div>
								</div>
								<div class="mui-card-content" >
									<img src="<%=n.getImgPath() %>" alt="" width="100%"/>
									<div class="mui-card-content-inner">
										<p style="color: #333;"><%=n.getContent() %></p>
									</div>
								</div>
								<div class="mui-card-footer">
									<a class="mui-icon mui-icon-flag"></a>
									<a class="mui-icon mui-icon-more"></a>
								</div>
							</div>
							<%} %>
					
	
	</div>
	<script type="text/javascript">
	mui.init();
	function Details(url){
		mui.openWindow({
		    url: url,
		    id: url,
		});
	}
	</script>
</body>

</html>